<!DOCTYPE html>
<html lang="en">
<head>
	<meta encoding="utf-8" />
	<title>Example</title>
	
	<script src="../lib/jquery-1.4.4.js"></script>
	<script src="../lib/jquery.rdfquery-1.0/dist/js/jquery.rdfquery.core-1.0.js"></script>
  	<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
	<script src="../src/vld.js"></script>
</head>
<body>
	<h1>RDF =&gt; Map</h1>
	<div id="map" style="width: 640px; height: 480px;"></div>
	
	<script>
			function mapThis(data) {
				var centre = new google.maps.LatLng(
					53.0,
					-1.893592
				);

				var options = {
					zoom: 6,
					center: centre,
					mapTypeId: google.maps.MapTypeId.ROADMAP
				};
				
				$('#map').vldMapData(data, options);
			}
	</script>
	<!-- Airports in England -->
	<script src="http://morph.talis.com/?data-uri[]=http://api.talis.com/stores/airports/services/sparql%3Fquery%3DDESCRIBE%2B%253Fs%2BWHERE%2B{%2B%253Fs%2B%3Chttp%253A%252F%252Fairports.dataincubator.org%252Fschema%252Fregion%3E%2B%3Chttp%253A%252F%252Fairports.dataincubator.org%252Fregions%252FGB-ENG%3E%2B}%26output%3Djson&input=rdf-json&output=jsonp&callback=mapThis"></script>
	<!-- Seaplane Bases -->
	<!--script src="http://morph.talis.com/?data-uri[]=http://api.talis.com/stores/airports/services/sparql%3Fquery%3DDESCRIBE%2B%253Fs%2BWHERE%2B{%2B%253Fs%2Ba%2B%253Chttp://airports.dataincubator.org/schema/SeaplaneBase%253E%2B}%26output%3Djson&input=rdf-json&output=jsonp&callback=mapThis"></script-->
	<!-- Small Airports, large query tends to timeout -->
	<!--script src="http://morph.talis.com/?data-uri[]=http://api.talis.com/stores/airports/services/sparql%3Fquery%3DDESCRIBE%2B%253Fs%2BWHERE%2B{%2B%253Fs%2Ba%2B%253Chttp://airports.dataincubator.org/schema/SmallAirport%253E%2B}%26output%3Djson&input=rdf-json&output=jsonp&callback=mapThis"></script-->
	
</body>
</html>